<template>
    <div>
        <el-row style="" :gutter="10">
            <el-col :span="12">
                <el-card class="box-card" style="height:120px">
                    <div slot="header" class="clearfix">
                        <span style="font-size:12px">项目成本</span>
                    </div>
                    <el-row :gutter="10">
                        <el-col :span="10" style="text-align:center">
                            <el-row><span style="color:blue;">100000.00</span></el-row>
                            <el-row><span style="font-size:12px">项目预算</span></el-row>
                        </el-col>
                        <!-- 分割线 -->
                        <el-col :span="2" style="height:50px">
                            <el-divider direction="vertical" content-position="center"></el-divider>
                        </el-col>
                        <el-col :span="10" style="text-align:center">
                            <el-row><span style="color:blue;">50000.00</span></el-row>
                            <el-row><span style="font-size:12px">总成本</span></el-row>
                        </el-col>
                    </el-row>
                </el-card>
            </el-col>
            <el-col :span="12">
                <el-card class="box-card" style="height:120px">
                    <div slot="header" class="clearfix">
                        <span style="font-size:12px">工时</span>
                    </div>
                    <el-row :gutter="10">
                        <el-col :span="7" style="text-align:center">
                            <el-row><span style="color:blue;">100人/天</span></el-row>
                            <el-row><span style="font-size:12px">项目工时</span></el-row>
                        </el-col>
                        <!-- 分割线 -->
                        <el-col :span="1" style="height:50px">
                            <el-divider direction="vertical" content-position="center"></el-divider>
                        </el-col>
                        <el-col :span="7" style="text-align:center">
                            <el-row><span style="color:blue;">67人/天</span></el-row>
                            <el-row><span style="font-size:12px">正常工时</span></el-row>
                        </el-col>
                        <!-- 分割线 -->
                        <el-col :span="1" style="height:50px">
                            <el-divider direction="vertical" content-position="center"></el-divider>
                        </el-col>
                        <el-col :span="7" style="text-align:center">
                            <el-row><span style="color:blue;">8.3人/天</span></el-row>
                            <el-row><span style="font-size:12px">加班工时</span></el-row>
                        </el-col>
                    </el-row>
                </el-card>
            </el-col>

        </el-row>
        <el-row style="" :gutter="10">
            <el-col :span="12">
                <el-card class="box-card" style="height:120px">
                    <div slot="header" class="clearfix">
                        <span style="font-size:12px">人员</span>
                    </div>
                    <el-row :gutter="10">
                        <el-col :span="11" style="text-align:center">
                            <el-row><span style="color:blue;">4</span></el-row>
                            <el-row><span style="font-size:12px">总人员</span></el-row>
                        </el-col>
                        <!-- 分割线 -->
                        <el-col :span="2" style="height:50px">
                            <el-divider direction="vertical" content-position="center"></el-divider>
                        </el-col>
                        <el-col :span="11" style="text-align:center">
                            <el-row><span style="color:blue;">3</span></el-row>
                            <el-row><span style="font-size:12px">人员分组</span></el-row>
                        </el-col>
                    </el-row>
                </el-card>
            </el-col>
            <el-col :span="12">
                <el-card class="box-card" style="height:120px">
                    <div slot="header" class="clearfix">
                        <span style="font-size:12px">干系人</span>
                    </div>
                    <el-row :gutter="10">
                        <el-col :span="11" style="text-align:center">
                            <el-row><span style="color:blue;">5</span></el-row>
                            <el-row><span style="font-size:12px">干系人角色</span></el-row>
                        </el-col>
                        <!-- 分割线 -->
                        <el-col :span="2" style="height:50px">
                            <el-divider direction="vertical" content-position="center"></el-divider>
                        </el-col>
                        <el-col :span="11" style="text-align:center">
                            <el-row><span style="color:blue;">13</span></el-row>
                            <el-row><span style="font-size:12px">干系人认数</span></el-row>
                        </el-col>
                    </el-row>
                </el-card>
            </el-col>

        </el-row>
        <el-row style="" :gutter="10">
            <el-col :span="12">
                <el-card class="box-card" style="height:120px">
                    <div slot="header" class="clearfix">
                        <span style="font-size:12px">报告</span>
                    </div>
                    <div style="text-align:center">暂无报告</div>

                </el-card>
            </el-col>
            <el-col :span="12">
                <el-card class="box-card" style="height:120px">
                    <div slot="header" class="clearfix">
                        <span style="font-size:12px">附件资料</span>
                    </div>
                    <div style="text-align:center">暂无资料</div>
                </el-card>
            </el-col>

        </el-row>
    </div>

</template>

<script>
// 项目进度
export default {
    name: "projectOthersInfo",
    // mixins: [mixin_list],
    data() {
        return {
            timeProgressPercent: 50,
            selfEvaluateProgress: 45
        }
    },

    methods: {},
    created() { }
}
</script>

<style>

</style>
